<nav class="side-nav fixed closed">
    <li class="side-nav-icon workspace-icon active">
        <span class="oi oi-beaker" title="Interactive Workspace" aria-hidden="true"></span>
    </li >
    <li class="side-nav-icon pipelines-icon">
        <span class="oi oi-fork" title="Pipelines" aria-hidden="true"></span>
    </li >
    <li class="side-nav-icon executions-icon">
        <span class="oi oi-graph" title="Executions" aria-hidden="true"></span>
    </li >
    <li class="side-nav-icon resources-icon">
        <span class="oi oi-briefcase" title="Resources" aria-hidden="true"></span>
    </li >
    <li class="side-nav-icon artifacts-icon">
        <span class="oi oi-spreadsheet" title="Artifacts" aria-hidden="true"></span>
    </li >
    <li class="side-nav-icon utils-icon">
        <span class="oi oi-code" title="Custom Utils" aria-hidden="true"></span>
    </li >
    <li class="side-nav-icon code-icon">
        <span class="oi oi-transfer" title="Custom Serialization" aria-hidden="true"></span>
    </li >
</nav>
